<template>
  <div>
    
<ul>
  <li v-for="item in arr" :key="item.id">{{item.name}}
    <input type="text">
  </li>
</ul>
<button @click="addFn">点击增加</button>
  </div>
</template>

<script>
export default {
  name: 'VueThreeApp',

  data() {
    return {
      arr:[
        {id:50,name:'老大'},
        {id:30,name:'老二'},
        {id:13,name:'老三'},
      ]
    };
  },

  mounted() {
    
  },

  methods: {
    addFn(){
      this.arr.splice(1,0,{id:20,name:'新来的'})
    }
  },
};
</script>

<style>

</style>